@import "./sass/_variable.scss";
#enrollment-detail {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 49rem / $baseFontSize;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  img {
    display: block;
    max-width: 100%;
  }
}
.enroll-content {
  position: relative;
  background-color: #fff;
  padding: 0 22rem / $baseFontSize;
  &:before {
    @include scaleTop;
  }
  &:after {
    @include scaleBottom;
  }
  &.enroll-info {
    position: relative;
    &:before {
      content: '';
      position: absolute;
      top: auto;
      right: auto;
      bottom: 100%;
      left: 20rem / $baseFontSize;
      width: 0;
      height: 0;
      border-width: 5rem / $baseFontSize 10rem / $baseFontSize;
      border-style: solid;
      border-color: transparent transparent #FFFFFF transparent;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    h3 {
      height: auto;
      line-height: 1.4;
      font-weight: normal;
      padding: 6rem / $baseFontSize 0;
    }
    p {
      padding-left: 28rem / $baseFontSize;
    }
    p:first-of-type {
      background:url("../../assets/images/clock.png") no-repeat left 3rem / $baseFontSize;
      background-size: 14rem / $baseFontSize;
    }
    p:nth-of-type(2) {
      background:url("../../assets/images/person.png") no-repeat left 3rem / $baseFontSize;
      background-size: 14rem / $baseFontSize;
    }
    p:nth-of-type(3) {
      background:url("../../assets/images/person.png") no-repeat left 3rem / $baseFontSize;
      background-size: 14rem / $baseFontSize;
    }
  }
  h3 {
    font-size: 18rem / $baseFontSize;
    font-weight: normal;
    color: #333;
    height: 36rem / $baseFontSize;
    line-height: 36rem / $baseFontSize;
    border-bottom: 1px dashed #d9d9d9;
  }
  .enroll-text {
    font-size: 16rem / $baseFontSize;
    padding: 8rem / $baseFontSize 0;
    margin-bottom: 8rem / $baseFontSize;
    color: #666;
    line-height: 1.5;
    overflow: auto;
    img {
      display: block;
      max-width: 100%;
      margin: 10rem / $baseFontSize 0;
    }
  }
}
.enrollAtOnce {
  @include flex;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 49rem / $baseFontSize;
  line-height: 49rem / $baseFontSize;
  background: #fff;
  &:before {
    @include scaleTop;
  }
  .enrollNum {
    @include flex1;
    font-size: 16rem / $baseFontSize;
    text-indent: 22rem / $baseFontSize;
    strong {
      font-size: 18rem / $baseFontSize;
      color: #009d4c;
    }
  }
  .enrollBtn {
    font-size: 16rem / $baseFontSize;
    width: 156rem / $baseFontSize;
    text-align: center;
    background-color: #009d4c;
    color: #fff;
  }
}
